﻿<template>
  <el-dialog v-drag :title = 'dialogTitle' :visible.sync = 'dialogFormVisible' :width = "pageFormInfo ? (pageFormInfo.pageConfig.width + '%') : '45%'"
  @close = "closeDialog" :close-on-click-modal = 'false' :close-on-press-escape = 'false' append-to-body>
    <div v-loading = 'loading' :element-loading-text = 'loadingText' style = 'min-height: 200px;'>
      <template>
        <Show-Form-Menu-Layout ref = 'formMenuLayout'
        @openDialog = 'openDialog' @handelRowEvents = 'handelRowEvents'
        @getFormData = 'getFormData' @tirggerSelfdefineEventClose = 'tirggerSelfdefineEventClose'
        @resetFormData = 'resetFormData' @reloadCurrentPage = 'reloadCurrentPage'
        :pageInit = 'pageInit' :dynamicUid = 'dynamicUid' :dialogType = 'dialogType'
        :pageRow = 'clickRow' :pPageRow = 'pPageRow' :changeModels.sync = 'changeModels' :models.sync = "models"
        :rules = "rules" :pageFormInfo.sync = 'pageFormInfo'></Show-Form-Menu-Layout>
      </template>
    </div>
    <!-- 关联的弹窗的页面 -->
    <Meta-Dynamic-Menu-Dialog :dynamicUid = 'dialogEx.relatedPageUid' :dynamicMenuDialogVisible = 'dialogEx.retatedPageVisible'
    :currentRow = 'dialogEx.clickRow' :pPageRow = 'pPageRow' :dialogType = 'dialogEx.dialogType'
    @closeDynamicMenuDialog = 'dialogEx.retatedPageVisible = false' @closeDynamicMenuDialogSuccess = 'closeDynamicMenuDialogSuccess'></Meta-Dynamic-Menu-Dialog>
    <!-- 执行事件相关操作 -->
    <WS-Trigger :wsConsoleDialog = 'wsDialogInfo.visible' :wsTitle = 'wsDialogInfo.title' :wsApiRouter = 'wsDialogInfo.wsApiRouter'
    @wsConsoleDialogClosed = 'wsDialogInfo.visible = false'></WS-Trigger>
  </el-dialog>
</template>

<script src='./metaDynamicMenuDialog.js'></script>
